h1 {
	padding: 10px;
	color: white;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
	font-weight: 200;
	font-style: italic;
	animation: flicker 1.5s infinite alternate;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 25%;
	max-width: 50%;
}
body {
	background-color: black;
	color: white;
	text-align: center;
	font-size: 1.25em;
	font-family: "Courier New", Courier, monospace;
}
input {
	background-color: darkgray;
	font-size: 2em;
}
input:-internal-autofill-selected {
	background-color: darkgray;
}
label {
	font-size: 2em;
}
button {
	background-color: #228b22;
	font-size: 2em;
	border-radius: 12px;
	transition-duration: 0.2s;
	cursor: pointer;
}
button:hover {
	background-color: #50c878;
}
:root {
	/* Set neon color */
	--neon-text-color: #228b22;
	--neon-border-color: #48c348;
}

h1::-moz-selection {
	background-color: var(--neon-border-color);
	color: var(--neon-text-color);
}

h1::selection {
	background-color: var(--neon-border-color);
	color: var(--neon-text-color);
}

h1:focus {
	outline: none;
}

/* Animate neon flicker */
@keyframes flicker {
	0%,
	19%,
	21%,
	23%,
	25%,
	54%,
	56%,
	100% {
		text-shadow: -0.2rem -0.2rem 1rem #fff, 0.2rem 0.2rem 1rem #fff, 0 0 2rem var(--neon-text-color),
			0 0 4rem var(--neon-text-color), 0 0 6rem var(--neon-text-color), 0 0 8rem var(--neon-text-color),
			0 0 10rem var(--neon-text-color);
	}

	20%,
	24%,
	55% {
		text-shadow: none;
		box-shadow: none;
	}
}
